*{margin:0;padding:0;}
form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p{list-style:none outside none}
a{text-decoration:none;color:#ccc;outline:none}
a:hover{text-decoration:underline;color:#1298F4}
a img{border:none}
.fr{float:right}
.fl{float:left}
body{height:100%;font:12px/1.8 Microsoft YaHei,simsong; overflow:hidden;}
.main{position: absolute;left: 0;}
.login{position: absolute;left: 0;z-index: 200;}

/*任务栏*/
.task-window{position:absolute;top:0;right:60px;left:2px;height:28px;overflow:hidden;float: left;}
.task-window li{box-shadow: 0 0 6px #000; border-radius: 3px; position:relative;float:left;width:125px;height:32px;margin-right:1px;overflow:hidden;color:#F4F4F4;border:1px solid #272C36;border-color:rgba(255, 255, 255, 0.7);cursor:pointer}
.task-window b{font-weight: normal; display: block;height: 100%;}
.task-window b:active{border-color:#647382 #8A91A0 #9398A6;background-position:0 -50px}
.task-window b.focus,.task-window b:hover{ background: rgba(255, 255, 255, 0) -moz-linear-gradient(center top , rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)) repeat scroll 0 0; box-shadow: 0 0 6px #000;}
.task-window img{position:absolute;top:5px;left:5px;width:25px;border-radius:3px}
.task-window span{font-size: 13px;text-shadow: 0 1px 0 #000; display:block;width:95px;height:24px;padding-left:35px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.task-panel{position:absolute;top:0;right:0px;height:28px;overflow:hidden;float: left;}
.task-panel li{position:relative;float:left;width:100px;height:26px;text-align: center;margin-right:1px;overflow:hidden;color:#F4F4F4;border:1px solid #272C36;border-color:rgba(30, 30, 30, 0.7);cursor:pointer}
.task-panel b{background:url(/web/res/images/desktop_spr_x.png) repeat-x;display:block;height:24px;font-weight:normal;border:1px solid;border-color:#6F758A #585C6D #414F5A}
.task-panel b:hover{border-color:#AEB2BA #9196A1 #616A77;background-position:0 -25px}
.task-panel b:active{border-color:#647382 #8A91A0 #9398A6;background-position:0 -50px}
.task-panel b.focus{border-color:#B8BFCA #9EA8B7 #8A99A9;background-position:0 -75px}
.task-panel img{position:absolute;top:5px;left:5px;width:16px;height:16px;border-radius:3px}
.task-panel span{display:block;width:95px;height:24px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#task-bar {background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0; background-image:url(/web/res/images/taskbarbg.png);border-top: 1px solid rgba(255, 255, 255, 0.15); bottom: 1px; color: #444; height: 30px; left: 0; padding-left: 50px; position: fixed; width: 100%; z-index: 100; }
.taskbar_right {background: rgba(255, 255, 255, 0) -moz-linear-gradient(center top , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; cursor: pointer; float: right; height: 30px; width: 23px; }
.taskbar_right:hover{background: rgba(255, 255, 255, 0) -moz-linear-gradient(center top , rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)) repeat scroll 0 0; box-shadow: 0 0 10px #fff; }

.desktop-view{background-position:0 0}
.desktop-view:hover{background-position:-23px 0}
.desktop-view:active{background-position:-46px 0}

/*桌面*/
#desk{width:100%;overflow:hidden;}

/*禁止选中,IE下不兼容*/
.title-bar,.no-user-select{-moz-user-select:none;-khtml-user-select:none;user-select:none}
#desk > ul{width:100%;height:100%;overflow:hidden;position:absolute}
#desk > ul li{width:80px;padding:5px 0;text-align:center;position:absolute;}
#desk > ul li img{border-radius:3px 3px 3px 3px;display:block;margin:auto}
#desk > ul li span{font-size: 13px;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3);border-radius:10px 10px 10px 10px;color:#fff;display:inline-block;height:20px;line-height:20px;margin-top:5px;overflow:hidden;padding:0 8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1;text-shadow: 0 1px 0 #000;cursor:default;-moz-user-select:none;-khtml-user-select:none;user-select:none}
#desk > ul li em{transition: all .5s;opacity:0;position:absolute;top:0;left:0;z-index:0;width:80px;height:100%;border-radius:3px;background:#000;}
#desk > ul li:hover em,
#desk > ul li.hover em{opacity:0.12;}
#desk > ul li.focus em{display:block;opacity:0.25;}

/*窗口*/
.window-container{position:absolute;overflow:hidden;border: 5px solid rgba(0, 0, 0, 0.4);}
.window-current{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;box-shadow: 0 0 14px #000;}
.title-bar{ position:absolute;z-index:10;height:32px;padding-left: 8px;line-height:32px;overflow:hidden;color:#fff;font-weight: bold;border-bottom:1px solid #CCC;cursor:default;left: 0;right: 0}
.title-bar .header{color:#fff;position: absolute;text-shadow: 0 1px 0 #000;font-size: 13px;}
.title-bar .header img{width: 30px;margin-right: 7px;max-height: 25px;}
.title-bar-bg{position: absolute;top:0;left: 0px; background-color:#000;opacity: .4;width: 100%;height: 100%;}
.title-handle{overflow: hidden;position: absolute;right: 5px;top: 4px;}
.title-handle .button{margin-right: 5px;cursor:pointer;float: left; width: 24px;height: 24px;border-radius: 50%;background-color: #666;line-height: 24px;text-align: center;}
.title-handle .button:hover{background-color:#c72015;border: 1px solid #666;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;}
.window-frame{position:absolute;top:32px;right:0px;bottom:0;left:0px;background:#FFF;overflow-y: auto;}
.window-frame .window-body{width: 100%;height: 100%;}
.frame-border{padding: 5px;}

.set-bar{position:absolute;background:#E8E8E8;border-top:1px solid #b9b9b9;height:30px;line-height:30px;padding:0 5px;  left:0px;right:0px;bottom:0}
.set-bar .btn{margin-top:3px;margin-right:5px;border:1px solid #E8E8E8;border-radius:3px 3px 3px 3px;color:#7D7D7D;cursor:pointer;display:inline-block;height:20px;padding:1px;position:relative}
.set-bar .btn:hover{border:1px solid #7D7D7D;background:#fff;color:#333;text-decoration:none}
.set-bar .btn .icon{left:8px;position:absolute;top:3px}
.set-bar .btn .btn-con{height:20px;line-height:21px;overflow:hidden;padding:0 8px;}

/*右键提示*/
.popup-menu{background:url(popup_menu.gif) repeat-y scroll 0 0 #FFFFFF;border:1px solid #AEAEAE;box-shadow:0 0 6px rgba(0, 0, 0, 0.4);position:absolute;width:125px}
.popup-menu ul{padding:1px;position:relative}
.popup-menu li{height:24px;position:relative;vertical-align:middle}
.popup-menu a{background-position:100px 100px;border-radius:2px 2px 2px 2px;color:#333333;display:block;height:24px;line-height:24px;overflow:hidden;padding-left:35px}
.popup-menu a:hover,.popup-menu a.focus{background-color:#3B7CE6;background-position:0 -780px;color:#FFFFFF;text-decoration:none}

.frame-main {bottom: 32px; left: 0; position: absolute; right: 0; top: 0; height: 100%; }
.frame-main .frame-left {border-right: 1px solid #ddd; height: 100%; left: 0; overflow: auto; position: absolute; top: 0; width: 199px; }
.frame-main .frame-resize {background: url(/web/res/images/resize.png) no-repeat scroll 0 50% rgba(0, 0, 0, 0); bottom: 0; cursor: col-resize; left: 195px; overflow: hidden; position: absolute; top: 0; width: 10px; z-index: 100; }
.frame-main .frame-right {bottom: 0; left: 200px; min-width: 450px; overflow: auto; position: absolute; right: 0; top: 0; }
.novisible{display: none; }
.error-text{color:red; margin-left: 10px; }

.ui-dialog {position: relative; background-color: #FFF; border: 1px solid #999; border-radius: 6px; outline: 0; font-size: 14px; color: #333; }
.ui-dialog-bg {background-color: #000; opacity: .2; left: 0; position: absolute; top: 0; transition: all 0.3s;}
.ui-dialog-bg.show{opacity: .5;}
.ui-dialog-container{position: absolute; top:15%;left:50%;opacity: .5; transition-duration: 0.3s;transition-property:opacity,top;}
.ui-dialog-container.show{top:20%;opacity: 1;}
.ui-dialog-container.move{margin-left: 0 !important;margin-top: 0 !important; transition: none;}
.ui-dialog-title {margin: 0; line-height: 1.428571429; min-height: 16.428571429px; padding: 15px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
.ui-dialog-header {white-space: nowrap; border-bottom: 1px solid #E5E5E5; }
.ui-dialog-body {padding: 20px; text-align: center; }
.ui-dialog-content {display: inline-block; position: relative; vertical-align: middle; *zoom: 1; *display: inline; text-align: left; word-break: break-all; }
.ui-dialog-close {position: relative; _position: absolute; float: right; top: 13px; right: 13px; _height: 26px; padding: 0 4px; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #FFF; opacity: .2; filter: alpha(opacity=20); cursor: pointer; background: transparent; _background: #FFF; border: 0; -webkit-appearance: none; }
.ui-dialog-close:hover,
.ui-dialog-close:focus {color: #000000; text-decoration: none; cursor: pointer; outline: 0; opacity: 0.5; filter: alpha(opacity=50); }
.ui-dialog-button {float: right; white-space: nowrap; }
.ui-dialog-footer button+button {margin-bottom: 0; margin-left: 5px; }
.ui-dialog-footer button {width:auto; overflow:visible; display: inline-block; padding: 6px 12px; _margin-left: 5px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.ui-dialog-footer button {background-color: #FFFFFF; border-color: #CCCCCC; color: #333333; }
.ui-dialog-footer {padding: 0 15px 15px; }
.ui-dialog-footer button.ui-dialog-autofocus {color: #ffffff; background-color: #428bca; border-color: #357ebd; }
.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {color: #ffffff; background-color: #3276b1; border-color: #285e8e; }
.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {color: #333333; background-color: #ebebeb; border-color: #adadad; }
.ui-alert,.ui-confirm{width: 300px;}


.typeahead li.more{border-top: 1px solid #ccc; text-align: center; }
.typeahead li.more a{color: #ccc; }
.typeahead a{font-size: 14px; }
.typeahead span{font-size: 12px; color:#ccc; margin-left: 10px; }

.project-title {border-bottom: 1px solid #ccc; font-size: 24px; padding-bottom: 6px; }
.project-title .back {background: rgba(0, 0, 0, 0) url("/web/res/images/btn/back.png") repeat scroll center center; cursor: pointer; display: inline-block; float: right; height: 40px; width: 30px; }

.weather{
	color:black;
	width: 270px;
}
.weather .basic .icon{
	width: 50px;
	float: left;
}
.weather .basic .info{
	margin-left: 60px;
	width: 191px;
}
.weather .basic .nowTxt{
	margin-left: 20px;
	font-size: 14px;
}
.weather .basic .nowTmp{
	font-size: 20px;
}
.weather .basic .desc{
	margin-top: 8px;
}
.weather .other{
	clear: both;
	border-top: 1px solid #999;
	margin-top: 8px;
	padding-top: 8px;
}
.weather .other .tom{
	width: 57px;
	float: left;
	font-size: 18px;
}
.loading{
    background: url(/web/res/images/loading.gif) no-repeat;
    top: 40%;
    margin: 0 auto;
    width: 128px;
    height: 128px;
    position: relative;
}
.item-add{
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: rgba(0, 0, 0, 0) url(/web/res/images/btn/add.png) repeat scroll center center;
	background-size: 30px;
	margin-left: 20px;
}
.exit{
	background: rgba(0, 0, 0, 0) url(/web/res/images/icos/exit.png) repeat scroll 0 0 / 100% auto;
    cursor: pointer;
    height: 60px;
	position: absolute;
    right: 10px;
    top: 10px;
    width: 60px;
    opacity: .4;
	transition: all .5s;
}
.exit:hover{
    opacity: 1;
	box-shadow: 1px 5px 6px #666;
}